<!-- templates/page.html -->
{{define "blog"}}
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Blog - {{.extend.profile.name}}</title>
		<meta name="description" content="" />
		<link rel="alternate" href="{{.path}}" hreflang="en" />
		<link rel="canonical" href="{{.path}}" />
		<link rel="stylesheet" href="/assets/css/output.css" />
	</head>

	<body>
		<!-- header -->
		{{template "header" .}}

		<!-- main -->
		<main class="py-3 bg-gray-100">
			{{ range .message}}
			<div class="w-11/12 max-w-screen-xl mx-auto my-3 px-5 py-5 rounded-md bg-white">
				<h2 class="text-xl md:text-2xl">
					<a href="/post/{{toLower .Name}}/"> {{.Meta.title}} </a>
				</h2>
				<p class="py-3 leading-loose text-gray-700">{{.Meta.description}}</p>
				<div class="flex flex-row justify-between md:justify-start">
					<p class="text-gray-500 flex flex-row justify-center md:justify-start items-center">
						<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
							<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 20l4-16m2 16l4-16M6 9h14M4 15h14" />
						</svg>
						<span class="mx-2 text-sm">
							<a href="/category/{{toLower .Meta.category}}/"> {{.Meta.category}} </a>
						</span>
					</p>
					<p class="py-3 text-gray-500 flex flex-row justify-center md:justify-start items-center">
						<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
							<path
								stroke-linecap="round"
								stroke-linejoin="round"
								stroke-width="2"
								d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
							/>
						</svg>
						<span class="mx-2 text-sm"> {{.Meta.date}}</span>
					</p>
				</div>
			</div>
			{{end}}
		</main>

		<!-- footer -->
		{{template "footer" .}}
	</body>
</html>
{{end}}
